@charset "utf-8";
/* CSS Document */

body{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background-color:#333333; background-image:url(../images/background.png);background-repeat:no-repeat;background-attachment:fixed;background-position:center;font-size:12px}
.container {margin:25px auto; width:1024px; height:100%}
#header {-webkit-border-radius: 5px;-moz-border-radius: 5px; text-align:center; margin: 0 auto;padding: 0;  }
#header li {float: left}
#menu-current {color: #FFF; text-shadow: #CCC 0 0 4px; background-image: url(../images/button-hover.png); background-size: 40px 45px; background-repeat:no-repeat; padding: 10px 0 35px 15px; font-size:12.5px; font-weight:bold; text-decoration:none; margin: 0 15px 0 0}
#menu-item {color: #FFF; text-shadow: #CCC 0 0 4px; background-image: url(../images/button.png); background-size: 40px 45px; background-repeat:no-repeat; padding: 10px 0 35px 15px; font-size:12.5px; font-weight:bold; text-decoration:none; margin: 0 15px 0 0}
#menu-item:hover {color:#FFCC66}  
#menu-current:hover {color:#FFCC66}
#search {color:#FFF;background-color:#476420;border-radius:11px; border-style:none;background-image:url(../images/search-icon2.png);background-repeat:no-repeat; width:150px; height:22px;padding:0 0 0 20px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px;box-shadow:#F93 0 0 2px}
#menu-backimg {color: #FFCC66; text-shadow: #CCC 0 0 4px; font-weight:bold;background-image:url(../images/background.png); background-size: 185px 167px; background-repeat:no-repeat;padding: 5px 0 185px 147px; margin-left:-45px; text-align:center}
.menu {width: 850px; height: 50px;-webkit-box-shadow: 0 5px 20px #888;} 
.fixed {position: fixed;  top: 10px; left: 0; width: 100%;} 

.content{margin-top: 15px;}
.left-column{float:left; width:18%; text-align:center;}
.right-content{margin-top:-5px;float:right; width:18%; text-align:center;}
#panel{width:100%; height:108px; background-image:url(../images/store-panel.png); background-size:100% 100%;background-repeat:no-repeat;}
#big-title{padding-top:10px;color:#FFFFFF; text-shadow:#CCC 0 0 2px;font-size:26px;font-weight:bold; margin-bottom:-10px;}
#normal-text{color:#FFFFFF; text-shadow:#CCC 0 0 2px;font-size:13px;margin-bottom:15px;}
#mini-search{border-radius:11px; border-style:none; box-shadow:#999 0 0 2px; background-image:url(../images/search-icon.png); background-repeat:no-repeat; padding-left:16px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

#shop{margin-top:8px;text-align:left;padding:1px 10px 20px 10px;background-color:#2A2A2A;border-radius:5px;border-color:#F93;border-width:1px;border-style:solid}
#shop-title{margin-bottom:-5px;font-size:14px;font-weight:bold;color:#FFFFFF;}
#special-deals hr, #shop hr{color:#F93;border-style:solid;border-bottom:none;border-left:none;border-right:none;border-width:1px;margin:20px -10px 0 -10px}
#text{font-size:11px;color:#FFF;margin-bottom:-8px}
#store-text{font-size:13px;color:#FFF;margin-bottom:-10px}

#bold-text{font-weight:bold;color:#FFF;font-size:12px}
a{text-decoration:none;color:#FFF}
a:hover, #shop-title:hover, #shop #text:hover, #shop #store-text:hover, #popular-accessories #text:hover, #mini-title:hover, #newtothestore #text:hover{color:#F93}

#popular-accessories{margin-top:8px;text-align:left;padding:1px 10px 20px 10px;background-color:#2A2A2A;border-radius:0 0 5px 5px;border-color:#F93;border-width:1px;border-style:solid}
#special-deals{margin-top:8px;text-align:left;padding:1px 10px 20px 10px;background-color:#2A2A2A;border-radius:0 0 5px 5px;border-color:#F93;border-width:1px;border-style:solid}
#newtothestore{margin-top:8px;text-align:left;padding:1px 10px 20px 10px;background-color:#2A2A2A;border-radius:0 0 5px 5px;border-color:#F93;border-width:1px;border-style:solid}
#normal-title{background-image:url(../images/title-panel.png);font-size:13px;color:#FFF;text-shadow:#CCC 0 0 2px;width:100%;height:25px;background-repeat:no-repeat;background-size:100% 100%;padding-top:7px;margin-bottom:-7px;}
#mini-title{color:#FFF;background-color:#333;font-size:12px;color:#FFF;text-shadow:#CCC 0 0 2px; margin:5px 0 -5px 0;padding:5px 5px 5px 10px;margin:0 -10px 0 -10px}

.middle-column{margin:25px 0 0 10px;float:left;width:80%}
.welcome-bar {background-color:#2A2A2A;color:#FFF;text-shadow:#CCC 0 0 2px;width:100%; height:25px;font-size:12px;padding:7px 0 0 0;border-style:solid;border-width:1px;border-color:#476420;border-radius:5px}
.welcome-bar #home-button{margin:-2px}
.welcome-bar a {margin-left:17px;}
.welcome-bar #help-button{float:right}
.welcome-bar #account-button{float:right}
.welcome-bar #cart-button{float:right;background-image:url(../images/shopping_cart.png);background-position:right;background-repeat:no-repeat;background-size:45% 125%;padding-right:25px; margin-right:15px}

.clr{clear:both}
.clr-left{clear:left}

.footer {margin:20px 0 50px 0;font-size:10px;color:#FFF}
.footer img{margin-right:-6px}
.footer a{margin:0 10px 0 10px}
#footer-link {color:#393}
#footer-link:hover{color:#F93}
#footer-left{float:left}
#footer-right{float:right}
.footer hr{margin:-5px 0 -5px 0;border-style:solid;border-bottom:none;border-left:none;border-right:none;border-width:1px;color:#CCCCCC}
.footer-info{margin:50px 0 0 5px;color:#CCCCCC;text-align:justify}
.footer-info a{text-decoration:underline;margin:auto}

.middle-content{margin:10px 0 0 0;float:left;width:80%}
#top-store{border:#FFFF33 1px solid;padding:10px 10px 10px 10px;border-radius:5px;height:375px}
#top-store #first-line{background-color:#FFF;box-shadow:#FF3 0 0 2px;margin:0 3px 3px 0}
#top-store #first-line a{float:left}
#top-store #second-line{background-color:#FFF;box-shadow:#FF3 0 0 2px;margin:0 3px 3px 0;width:630px}
#top-store #second-line a{float:left;margin:0 11px 0 11px}
#top-store #third-line{background-color:#FFF;box-shadow:#FF3 0 0 2px;margin:0 3px 3px 0;width:630px}
#top-store #third-line span{float:left;margin:0 0 0 11px}
#top-store div{float:left}
#top-store p{color:#666666}
#top-store #third-line p{margin:4px 0 -2px 0}
#top-store #third-line a{color:#666}
#top-store #third-line a:hover{color:#9C0}
#product-block {text-align:center;}
#product-block:hover {background-color:#CCC}
#product-block p{margin:-10px 0 10px 0}
#product-block img{padding:10px 10px 10px 10px;background-color:#FFF;background-repeat:no-repeat;background-position:center}
#top-store #third-line img{padding:10px 10px 10px 10px;background-color:#FFF;background-repeat:no-repeat;background-position:center}
#new1{background-color:#003399;color:#FFF;padding-right:2px;border-radius:2px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:8px;font-weight:bold;position:absolute;margin-top:18px;margin-left:-65px;box-shadow:#333 0 0 2px}
#new2{background-color:#003399;color:#FFF;padding-right:2px;border-radius:2px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:8px;font-weight:bold;position:absolute;margin-top:67px;margin-left:-96px;box-shadow:#333 0 0 2px}

.middle-store{height:auto;border:#FFFF33 1px solid;padding:30px 10px 30px 10px;border-radius:5px;margin-top:10px}
.middle-store #first-line #left-img{float:left;margin-right:100px}
.middle-store #first-line #right-img{float:none;padding-left:-55px}
.middle-store #second-line #left-img{float:left;padding-top:10px}
.middle-store #second-line #right-img{float:none;}

.middle-store #first-line .my-button{position:absolute;margin-top:5px;margin-left:304px}
.middle-store #second-line{text-align:center;height:271px;margin-top:15px;margin-bottom:-20px;background:#FFF;padding:15px 0 15px 0;box-shadow:#FC3 0 0 4px}
.middle-store #second-line #store-text{color:#666;}
.middle-store #second-line #left-img .my-button{position:absolute;margin-left:108px;margin-top:17px}
.middle-store #second-line #right-img .my-button{position:absolute;margin-left:426px;margin-top:17px}
.middle-store #second-line hr{color:#FFF;box-shadow:#000 0 0 10px;border-bottom:none;border-left:none;border-right:none;border-size:1px;border-top-style:solid;border-color:#999999}

.my-button{background:#C36;color:#FFF;border-radius:12px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:bold;border:none;padding:2px 10px 2px 10px;box-shadow:#333 0 0 2px}
.my-button:hover{background:#476420;color:#FFCC33}